<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>css图片透明悬停</title>
    <style type="text/css">
    img {
        opacity: 0.4;
    }
    
    img a:hover {
        opacity: 0.8;
    }
    </style>
</head>

<body>
    <h1>图片透明度</h1>
    <p>opacity 属性通常与 :hover 选择器一起使用，在鼠标移动到图片上后改变图片的透明度：</p>
    <img src="klematis.jpg" width="150" height="113" alt="klematis">
    <img src="/images/klematis2.jpg" width="150" height="113" alt="klematis">
</body>

</html>
